<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>访问路径不存在４０４</title>
    <link href="/user/css/header.css" rel="stylesheet"/>
    <link href="/user/css/footer.css" rel="stylesheet"/>
    <link href="/user/css/animate.css" rel="stylesheet"/>
    <style>
        #forward{
            width: 1000px;
            height: 500px;
            margin:0px auto;
            padding-top: 30px;
            text-align: center;
            vertical-align: middle;
            /*background: #f00;*/
        }
        #forward img{
            position: relative;
            top: 193px;
        }
        #forward p {
            font-size: 20px;
            position: relative;
            top: 220px;
            font-weight: inherit;
            opacity: 0.3;
        }
    </style>
</head>
<body>
<!-- 页面顶部-->
<div th:replace="~{user/commons/commons::header}"></div>
<!-- nav主导航-->

<!--敬请期待页面-->
<div id="forward">
    <img src="/user/img/lookforward/lookforward_img1.png" alt="" class="animated bounce"/>
    <p class="animated slideInDown">访问路径不存在，换个姿势试一下!!</p>
</div>
<!-- 品质保障，私人定制等-->
<div id="foot_box">
    <div class="icon1 lf">
        <img src="/user/img/footer/icon1.png" alt=""/>

        <h3>品质保障</h3>
    </div>
    <div class="icon2 lf">
        <img src="/user/img/footer/icon2.png" alt=""/>

        <h3>私人定制</h3>
    </div>
    <div class="icon3 lf">
        <img src="/user/img/footer/icon3.png" alt=""/>

        <h3>学员特供</h3>
    </div>
    <div class="icon4 lf">
        <img src="/user/img/footer/icon4.png" alt=""/>

        <h3>专属特权</h3>
    </div>
</div>
<!-- 页面底部-->
<!-- 页面底部-->
<div th:replace="~{user/commons/commons::foot}"></div>
<script src="/user/js/jquery-3.1.1.min.js"></script>
<script src="/user/js/index.js"></script>
</body>
</html>
